<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>javascript 阶段</title>
</head>
<body>
    <h3>字符串操作</h3>

    <script>
        // 定义字符串
        var str = "Today is sunny day!";
        console.log(str);
        // 属性 length ,记录字符串的长度
        // 以后判断输入框是否有值 str.length == 0
        // console.log(str.length);
        // 循环字符串
        for(var i = 0 ; i < str.length ; i ++){
            // 循环输出每个字符
            // console.log(str[i]);
        }

        // 方法: 
        // 调用者: 字符串 (str)
        // 参数: 
        // 返回值:
        // 功能:
        // Today is sunny day!
        // 0123456789

        // indexOf
        // console.log(str.indexOf("d"));// 2
        // console.log(str.indexOf("da"));// 2
        // console.log(str.indexOf("T"));// 0
        // console.log(str.indexOf("x"));// -1
        // 参数: 可以是字符或者字符串
        // 返回值： 字符串中首次出现的字符的下标（索引值） ;  > -1 , 表示字符串存在指定的文本
        // 功能： 通过字符(串)找出对应的下标，否则，不存在指定的字符，返回值为 -1
        // 例如: 
        // images/demo.txt
        // var src = "images/demo.jpg";
        // src.indexOf("jpg") > -1 , 说明这是一个图片路径


        // lastIndexOf 
        // console.log(str.lastIndexOf("d"));// 15
        // console.log(str.lastIndexOf("y"));// 17
        // console.log(str.lastIndexOf("o"));// 1
        // 返回值： 字符串中最后一次出现的字符的下标

        // split
        // console.log(str.split());// ["Today is sunny day!"]
        // console.log(str.split(""));// ["T", "o", "d", "a", "y", " ", "i", "s", " ", "s", "u", "n", "n", "y", " ", "d", "a", "y", "!"]
        // console.log(str.split(" "));//  ["Today", "is", "sunny", "day!"]
        // 参数：分割点字符
        // 返回值： 把字符串切割成数组并返回 （数组）
        // 功能： 把字符串切割成数组

        // 收货人
        // 电话
        // 地址
        // 张三,1356666666,广州市天河区珠吉路
        var _userInfo = "张三,1356666666,广州市天河区珠吉路";
        console.log(_userInfo.split(","));// ["张三", "1356666666", "广州市天河区珠吉路"]


        // charAt
        // console.log(str.charAt(0));// T
        // console.log(str.charAt(6));// i
        // 参数： 下标（索引值）数字
        // 返回值： 返回值下标对应的字符
        // 功能： 通过下标检索相应的字符并且返回

        // charCodeAt
        // unicode编码（每个字符都有相应的数值）和字符一一对应的数值
        var demo = "abcA"
        // console.log(demo.charCodeAt(0));// 97
        // console.log(demo.charCodeAt(1));// 98
        // console.log(demo.charCodeAt(3));// 65

        // replace
        console.log(str.replace("Today","*****"));
        // 参数： 1. 选中的文本 2. 替换成指定的文本
        // 返回值： 被替换之后的字符串
        // 功能： 替换文本


        // slice
        // substr
        // substring

        



    </script>
</body>
</html>